<%@page import="java.util.ArrayList"%>
<%@page import="dao.ItemData"%>
<%@page import="model.Item"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Đại Chiến</title>
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/FastReg.css">
</head>
<%
	ArrayList<Item> listitem = ItemData.getListItem();
%>
<style>
#container {
	background: url("image/imageWeb/bg3.png") center top no-repeat;
	width: 100%;
	height: 1800px;
	overflow: hidden;
	margin: 0 auto;
}
</style>
<body id="body">
	<div id="container">
		<div id="lazy">
			<%@ include file="LazyRig.jsp"%>
			<%@ include file="Login1.jsp"%>
			<jsp:include page="banner.jsp"></jsp:include>
		</div>
		<div id="Layout">
			<div id="head1">
				<div class="headbutton">
					<embed id="Advertisement" width="210" height="100"
						allowscriptaccess="always" wmode="transparent" quality="high"
						name="Advertisement" style="" src="video/start1.swf"
						type="application/x-shockwave-flash">
				</div>
				</div>
				<div id="head2">
				<%@ include file="Header.jsp"%>
				</div>
			<div id="headContent">
			</div>
			<div id="midF">
				<embed id="Advertisement" width="500" height="274"
					allowscriptaccess="always" wmode="transparent" quality="high"
					name="Advertisement" style="" src="video/fire.swf"
					type="application/x-shockwave-flash">
			</div>
			<div id="content">
				<div id="sidebar">
					<%@ include file="nav-left.jsp"%>
				</div>
				<div id="mainColumn">
					<div id="StaticTopPanel"></div>
					<div
						style="padding-left: 30px; padding-top: 0px; width: 100%; overflow: hidden; color: #BCAC87; font-size: 18px;">
						<%
							for (int i = 0; i < listitem.size(); i++) {
						%>
						<div style="width: 300px; height: 100px; float: left;">

							<div style="height: 100px; width: 100px; float: left;">
								<a href=""><img alt=""
									src="<%=listitem.get(i).getAvatarItem()%>"> </a>

							</div>
							<div style="height: 100px; width: 200px; float: left;">

								<div style="height: 35px; width: 200px; float: left;">
									<%=listitem.get(i).getNameItem()%>
								</div>
								<div style="height: 65px; width: 200px; float: left;">
									<%=listitem.get(i).getPriceItem()%>
									: xu <br> <a
										href="ShoppingCart?idItem=<%=listitem.get(i).getIdItem()%>"><button
											type="submit">Mua</button></a>
								</div>
							</div>
						</div>
						<%
							}
						%>
					</div>
				</div>
			</div>
			<div id="footer"></div>
		</div>
	</div>
</body>
</html>